<template>
  <div class="pagebody  borderbox">
    <div class="goodstitle bgfff fz30 color333 fwbold justify-center align-center">1000元礼品卡</div>
    <div class="goodstext borderbox">
      <p class="fz22 color303133">暂无相关信息</p>
    </div>
    <div
      @click="goback"
      class="pagefoot colorfff fz32 justify-center align-center"
    >
      朕知道了
    </div>
  </div>
</template>

<script>
export default {
  name: "goods",
  data() {
    return {};
  },
  methods: {
    goback() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.pagebody {
  .goodstitle{
    height: 1rem;
  }
  .goodstext {
    padding: 0 0.2rem;
    p{
      padding: 0.5rem 0;
    }
  }
  .pagefoot {
    box-shadow: 0px -2px 18px 2px rgba(116, 116, 116, 0.16);
    z-index: 66;
    height: 1rem;
    position: fixed;
    bottom: 0;
    background: #f53033;
    width: -webkit-fill-available;
  }
}
</style>